<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
<<<<<<< HEAD
    <link rel='stylesheet' href='stylesheets/style.css' />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.css">
=======
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="/bootstrap/css/bootstrap-theme.css">
>>>>>>> 820adef492112074cbec43ee89a63f07647b667c
    <script type="text/javascript" src="/xheditor/jquery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/xheditor/xheditor-1.2.2.min.js"></script>
    <script type="text/javascript" src="/xheditor/xheditor_lang/zh-cn.js"></script>   
    <style>
       *{margin:0;padding:0;}
       li{list-style: none;}
       #movie-header{width:100%;height: 75px;background: #f0f3f5;line-height:70px;border-bottom:1px solid #999;box-sizing: border-box;}
       #movie-header p{color: #27a;font-size:30px;font-weight:700;float:left;margin-left:80px;margin-bottom:0;}
       .input-group input {margin-left:50px;border-radius:5px 0 0 5px;border:0;float:left;width:462px;height:36px;background:white;border-bottom:1px solid #999;box-sizing: border-box;padding-left:15px;line-height: 36px;}
      .input-group button{border:0;width:37px;height:35px;background:#999;text-align:center;line-height: 37px;color:white;float:left;}
       #movie-nav{width: 100%;height: 39px;background: #f0f3f5;}
       #movie-nav .movie-navleft{margin-left:80px;overflow: hidden;}
       #movie-nav ul li{float:left;margin-right:40px;line-height:39px;font-size:14px;color: #27a;list-style:none;}
       #null{width: 100%;height: 50px;background: white;}
       .margin{width:950px;height: 500px;margin:0 auto;}
       #movie-main{padding-top: 70px;}
       #movie-main .movie-info li{margin-bottom:12px;font-size:16px;}
        #movie-main .movie-img{float:left;margin-right:100px;}
       #movie-main .movie-img img{width:260px;height: 400px;}
       h4{font-weight:700;}
       #movie-tro p{font-size: 14px;}
  </style>
</head>
<body>

    
     <div id="movie-header">
             <p>豆瓣电影</p>
             <form class="form-inline">
              <div class="form-group">
                  <div class="input-group">
                    <input type="text" placeholder="Amount">
                    <button type="submit" class="glyphicon glyphicon-search"></button>
                  </div>
               </div>
            </form>
      </div>
      <div id="movie-nav">
           <ul class="movie-navleft">
                <li>影讯&购票</li>
                <li>选电影</li>
                <li>电视剧</li>
                <li>排行榜</li>
                <li>分类</li>
                <li>影评</li>
                <li>2016年度榜单</li>
                <li>2016年观影报告</li>
           </ul>
      </div>
      <div id="movie-main" class="margin">
           <div class="movie-img">
                <img src="<%= movieArr.images.large%>"/>
           </div>
           <ul class="movie-info">
                <li><h2 style="font-weight:700;margin-bottom:20px;"><%= movieArr.title%></h2></li>
                <li>导演:<%= movieArr.directors[0].name%></li>
                <li>主演:
                <%if(movieArr.casts.length>0){%>
                    <% for(var i=0;i<movieArr.casts.length;i++){ %>
                        <%= movieArr.casts[i].name%>/
                    <%}%>
                <%}else{ %>
                        不详
                    <%}%>
                </li>
<<<<<<< HEAD
                <li>类型:<%= movieArr.genres[0]%>&nbsp;<%= movieArr.genres[0]%></li>
=======
                <li>类型:<%= movieArr.genres[0]%>&nbsp;<%= movieArr.genres[1]%></li>
>>>>>>> 820adef492112074cbec43ee89a63f07647b667c
                <li>又名:<%= movieArr.original_title%></li>
                <li>评分:<%= movieArr.rating.average%></li>
           </ul>
      </div>
      <div id="movie-tro" class="margin">
            <form action="/movie/submit?id=<%=id %>&mid=<%=movieArr.id%>" method="post">
                <h4>发表评论：</h4>
                <textarea class="xheditor" name="content" cols="90" rows="10"></textarea>
                <button type="submit" class="btn btn-primary">发布</button>
            </form>
                <ul>
                   <% for(var i=0;i<comment.length;i++){ %>
                        <li>
                            <p>用户名：<%= comment[i].username%></p>
                            <p><%- comment[i].content%></p>
                            <p><%= comment[i].time%></p>
                        <li>
                   <% } %>
                </ul>
      </div>

<<<<<<< HEAD
     <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
     <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
=======
     <script type="text/javascript" src="/xheditor/jquery/jquery-1.11.2.min.js"></script>
      <script src="/bootstrap/js/bootstrap.min.js"></script>
>>>>>>> 820adef492112074cbec43ee89a63f07647b667c
</body>
</html>